
  <div class="layui-container fly-marginTop"> 
   <div class="fly-panel fly-panel-user" pad20=""> 
    <div class="layui-tab layui-tab-brief" lay-filter="user"> 
     <ul class="layui-tab-title"> 
      <li><a href="/user/login/">登入</a></li> 
      <li class="layui-this">注册</li> 
     </ul> 
     <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;"> 
      <div class="layui-tab-item layui-show"> 
       <div class="layui-form layui-form-pane"> 
        <form method="post"> 
         <div class="layui-form-item"> 
          <label for="L_email" class="layui-form-label">手机</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_phone" name="phone" required="" lay-verify="phone" value="18925139194" autocomplete="off" class="layui-input" /> 
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_vercode" class="layui-form-label">图形码</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_imagecode" name="captcha" required="" lay-verify="required" autocomplete="off" class="layui-input" /> 
          </div> 
          <div class="layui-form-mid" style="padding: 0!important;"> 
           <img height="50" src="{:url('index/reg/code')}" class="fly-imagecode" onclick="this.src='{:url('index/reg/code')}?d='+Math.random();" /> 
          </div> 
         </div> 
         <!-- <div class="layui-form-item"> 
          <label for="L_vercode" class="layui-form-label">验证码</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_vercode" name="vercode" required="" lay-verify="required" placeholder="请输入手机短信验证码" autocomplete="off" class="layui-input" /> 
          </div> 
          <div class="layui-form-mid" style="padding: 0!important;"> 
           <button type="button" class="layui-btn layui-btn-normal" id="FLY-getvercode">获取验证码</button> 
          </div> 
         </div> --> 
         <div class="layui-form-item"> 
          <label for="L_username" class="layui-form-label">昵称</label> 
          <div class="layui-input-inline"> 
           <input type="text" id="L_username" name="nickname" required="" lay-verify="required" autocomplete="off" class="layui-input"  value="xuebingsi" /> 
          </div> 
          <div class="layui-form-mid layui-word-aux">
           你在社区的名字
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_pass" class="layui-form-label">密码</label> 
          <div class="layui-input-inline"> 
           <input type="password" id="L_pass" name="password" required="" lay-verify="required" autocomplete="off" class="layui-input" value="123456" /> 
          </div> 
          <div class="layui-form-mid layui-word-aux">
           6到16个字符
          </div> 
         </div> 
         <div class="layui-form-item"> 
          <label for="L_repass" class="layui-form-label">确认密码</label> 
          <div class="layui-input-inline"> 
           <input type="password" id="L_repass" name="repassword" required="" lay-verify="required" autocomplete="off" class="layui-input" value="123456" /> 
          </div> 
         </div> 
         <div class="layui-form-item" style="position: relative; left: -10px; height: 32px;"> 
          <input type="checkbox" name="agreement" lay-skin="primary" title="" checked="" /> 
          <a href="/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a> 
         </div> 
         <div class="layui-form-item"> 
          <button class="layui-btn" lay-filter="reg" lay-submit="">立即注册</button> 
         </div> 
         <div class="layui-form-item fly-form-app"> 
          <span>或者直接使用社交账号快捷注册</span> 
          <a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a> 
          <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a> 
         </div> 
        </form> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div>
  </div>
  <script>
  //Demo
  layui.use('form', function(){
    var form = layui.form;
    
    //监听提交
    form.on('submit(reg)', function(data){
      // layer.msg(JSON.stringify(data.field));

      $.post('{:url('index/reg/add')}', data.field, function(res, textStatus, xhr) {
        if(res.code==0){
          layer.msg(res.msg,function(){});
          $('.fly-imagecode').click();
        }else{
          layer.alert(res.msg,function () {
            location.href="{:url('index/login/index')}";
          })
        }
      },'json');
      return false;
    });
  });
  </script>